import React from "react";
import { typeProp, typeProp as typeProps } from "../../common/ui/Icon";
import {NavBar,Button,Icon} from '@/ui'
import classNames from "classnames";
import "./index.less";
export default function Ticket(props) {
  const { prefixCls = "m-react-page-button" } = props;
  const className = classNames({
    [prefixCls]: true,
  });
  const onClick = () => {
    console.log("onClick");
  };
  return (
    <div className={className}>
      <NavBar title='Button'/>
      <div className="list-item">
        <Button size="s" onClick={onClick} disabled={true}>
          按钮
        </Button>
      </div>
      <div className="list-item">
        <Button size="s" type="warning" onClick={onClick}>
          按钮
        </Button>
      </div>
      <div className="list-item">
        <Button size="m" type="warning" onClick={onClick}>
          警告
        </Button>
      </div>
      <div className="list-item">
        <Button
          size="l"
          type="ghost"
          onClick={onClick}
          style={{ color: "#0fd" }}
        >
          按钮
        </Button>
      </div>
      <div className="list-item">
        <Button size="s" onClick={onClick}>
          按钮
        </Button>
      </div>

      <div className="list-item">
        <Button
          size="s"
          type="primary"
          onClick={onClick}
          disabled={false}
          activeClassName="activeClassName"
          icon={
            <Icon
              size="m"
              iconName="iconsousuo2"
              style={{ marginTop: "6px" }}
            />
          }
        >
          按钮
        </Button>
      </div>
    </div>
  );
}
